<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 头部样式  尾部样式 -->
    <link rel="stylesheet" href="style/head-foot.css">
    <!-- first样式 -->
    <link rel="stylesheet" href="style/first.css">
</head>
<body>
    <div class="head">
        <div class="head-c">
            <div class="logo">
                <img src="img/logo.jpg" alt="">
            </div>
            <ul class="nav">
                <li class="nav-item"><a href="first.html">首页</a><span class="line"></span></li>
                <li class="nav-item"><a href="plan.html">精品策划</a><span class="line"></span></li>
                <li class="nav-item item-hover ">
                    <div class="hover">
                        <a href="" class="hover-a">定制团体游</a>
                        <a href="" class="hover-a" style="top: 20px;">领队自由行</a>
                    </div>
                    <a href="route.html">特别路线</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item item-hover ">
                    <div class="hover">
                        <a href="" class="hover-a">企业理念</a>
                        <a href="" class="hover-a" style="top: 20px;">品牌介绍</a>
                    </div>
                    <a href="about.html">关于我们</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item item-hover ">
                    <div class="hover">
                        <a href="" class="hover-a">在线咨询</a>
                        <a href="" class="hover-a" style="top: 20px;">留言板块</a>
                    </div>
                    <a href="we.html"">联系我们</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>

    </div>

    <!-- 主要部分 -->
    <div class="main">
        <div class="main-c">
            <!-- 特别策划标题 -->
            <div class="title">
                <div class="title-t">
                    特别策划
                </div>
                <div class="title-b">
                    ACTIVITY ROUTR
                </div>
            </div>
            <!-- img图片 -->
            <div class="img left-t">
                <img src="img/plan.jpg" alt="">
            </div>
            <div class="img right">
                <img src="img/plan2.jpg" alt="">
            </div>
            <div class="img left-b">
                <img src="img/plan3.jpg" alt="">
            </div>
            <!-- 文字 -->
            <div class="str right-top">
                <img src="img/str1.png" alt="">
            </div>
            <div class="str left-c">
                <img src="img/str2.png" alt="">
            </div>
            <div class="str right-bottom">
                <img src="img/str3.png" alt="">
            </div>
            <!-- 边框 -->
            <div class="border l-t"></div>
            <div class="border r"></div>
            <div class="border l-b"></div>
            
            <!-- MORE -->
            <div class="main-more">
                <div style="width: 47px;
                height: 12px;
                margin: 0 auto;
                font-size: 16px;
                margin-top: 25px;
                color: #464242;">MORE</div>
            </div>
        </div>
        <div class="main-about">
            <img src="img/about.jpg" alt="">
        </div>

<!-- 精品路线 -->
        <div class="main-route">
            <div class="route-top">
                <img src="img/route-title.jpg" alt="">
            </div>
            <div class="route-bottom">
                <div class="card"><img src="img/roudr-left.jpg" alt=""></div>
                <div class="card"><img src="img/routr-center.jpg" alt=""></div>
                <div class="card"><img src="img/routr-right.jpg" alt=""></div>
                <div class="hover">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
        <div class="mian-bottom">
            <div class="img">
                <div class="shade">
                </div>
            </div>
        </div>
    </div>


    <div class="foot">
        <div class="foot-contact">
            <div class="foot-title">
                <div class="top">
                    联系我们
                </div>
                <div class="bottom">
                    CONTACT
                </div>
            </div>
            <div class="slow">
                慢旅Slow Travle工作室 
            </div>
            <div class="site">
                <div class="site-s">
                    地点：河南省郑州市绿地新都汇
                </div>
                <div class="site-s">
                    邮编：000000000
                </div>
                <div class="site-s">
                    0393-2131231321
                </div>
                <div class="site-s">
                    邮箱：mavdjakda@163.com.
                </div>
            </div>

            <div class="foot-img">
                <div class="img">
                    <img src="img/QQ.png" alt="">
                </div>
                <div class="img">
                    <img src="img/weibopng.png" alt="">
                </div>
                <div class="img">
                    <img src="img/weixin.png" alt="">
                </div>
            </div>
            <div class="english">
                COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.
            </div>
            <div class="foot-right">
                <div class="right-t">
                    姓名
                </div>
                <div class="right-t">
                    邮箱
                </div>
                <div class="right-t">
                    电话
                </div>

                <div class="right-2">
                    内容
                </div>

                <div class="botton">
                    <a href="">提交</a>
                </div>
            </div>
        </div>
        
    </div>
</html>